<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="scss/index.css"/>
		<script type="text/javascript">
			var width=document.documentElement.clientWidth
			document.documentElement.style.fontSize=width/1080*100+"px"
			window.onresize=function(){
				document.location.reload()
			}
		</script>
	</head>   
	<body>
		<div id="index-header">
			<li><p>北京</p></li>
			<li>
				<p><img src="img/支付宝_03.png"/></p>
				<p>搜一搜：京客隆</p>
			</li>
			<li>
				<img src="img/支付宝_05.png"/>
			</li>
		</div>
		<div id="index-aside">
			<img src="img/支付宝.png"/>
		</div>
		<div id="index-article">
			<li><img src="img/支付宝_10.png"/>
			<p>美食</p></li>
			<li>
				<img src="img/支付宝_12.png"/>
				<p>快餐小吃</p>
			</li>
			<li>
				<img src="img/支付宝_14.png"/>
				<p>签到</p>
			</li>
			<li>
				<img src="img/支付宝_16.png"/>
				<p>热门商圈</p>
			</li>
			<li>
				<img src="img/支付宝_18.png"/>
				<p>休闲娱乐</p>
			</li>
			<li><img src="img/支付宝_10.png"/>
			<p>美食</p></li>
			<li>
				<img src="img/支付宝_12.png"/>
				<p>快餐小吃</p>
			</li>
			<li>
				<img src="img/支付宝_14.png"/>
				<p>签到</p>
			</li>
			<li>
				<img src="img/支付宝_16.png"/>
				<p>热门商圈</p>
			</li>
			<li>
				<img src="img/支付宝_18.png"/>
				<p>休闲娱乐</p>
			</li>
		</div>
		<div id="index-content">
			<div><p>必唱美食</p></div>
			<div>
	 			<img src="img/支付宝2_36.png"/>
				<img src="img/支付宝2_38.png"/>
				<img src="img/支付宝2_40.png"/>
				<img src="img/支付宝2_45.png"/>
				<img src="img/支付宝2_46.png"/>
				<img src="img/支付宝2_46.png"/>
			</div>   
			<div><p>查看全部推荐    &nbsp;&nbsp;》</p></div>
			
		</div>
		<div id="index-header1">
			<div class="index-header1-div1">
				<p>必去逛吃逛和</p>
			</div>
			<div class="index-header1-div2"> 
	  			<div class="index-header1-div21">
					<li>
						<img src="img/_支付宝_03.png"/>
		 				<p><span>14</span>家精选美食</p>
					</li>
					<li>
						<img src="img/_支付宝_05.png"/>
						<p><span>12</span>家精选美食</p>
					</li>
				</div>
				<div class="index-header1-div22">
					<li>
						<img src="img/_支付宝_08.png"/>
						<p><span>8</span>家精选美食</p>
					</li>
					<li>
						<img src="img/_支付宝_10.png"/>
						<p><span>12</span>家精选美食</p>
					</li>
					<li>
						<img src="img/_支付宝_12.png"/>
						<p><span>15</span>家精选美食</p>
					</li>
				</div>
			</div>
			<div class="index-header1-div3">
				<p>查看全部推荐&nbsp;&nbsp;》</p>
			</div>
		</div>
		<div id="index-content1">
			<li>北京不可错过的20家餐厅</li>
			<li>
				<img src="img/_支付宝_17.png"/>
				<img src="img/_支付宝_19.png"/>
			</li>  
		</div>
		<div id="index-footer">
			<li>
				<img src="img/支付宝2_49.png"/>
				<p>首页</p>
			</li>
			<li>
				<img src="img/支付宝2_51.png"/>
				<p>口碑</p>
			</li>
			<li>
				<img src="img/支付宝2_53.png"/>
				<p>朋友</p>
			</li>
			<li>
				<img src="img/支付宝2_55.png"/>
				<p>我的</p>
			</li>
		</div>
	</body>
</html>
